<template>
  <div>
    <h2 class="text-xl font-bold text-gray-800 mb-6">项目经验</h2>
    <div class="space-y-8">
      <div class="bg-gray-50 rounded-lg p-5">
        <div class="flex flex-wrap justify-between mb-4">
          <h3 class="text-lg font-medium text-gray-800 mb-2 md:mb-0">重要项目经验</h3>
          <div class="text-sm text-gray-500">项目时间</div>
        </div>
        <div class="mb-3">
          <div class="font-medium text-gray-700 mb-1">项目描述</div>
          <p class="text-gray-600">参与重要项目的规划和执行，负责关键环节的推进工作。</p>
        </div>
        <div class="mb-3">
          <div class="font-medium text-gray-700 mb-1">承担角色</div>
          <p class="text-gray-600">项目核心成员，负责具体执行和团队协调工作。</p>
        </div>
        <div>
          <div class="font-medium text-gray-700 mb-1">项目成果</div>
          <ul class="list-disc pl-5 space-y-1 text-gray-600">
            <li>成功完成项目目标，获得良好反馈</li>
            <li>提升了相关技能和经验</li>
            <li>为公司创造了价值</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import type { Candidate } from '../types'

interface Props {
  candidate: Candidate
}

defineProps<Props>()
</script>
